<template>
	<view class="flex align-center justify-center font-30" :class="border?'bor':''" :style="{color:color,background:background,margin:margin,height:$u.addUnit(height, 'rpx'),borderRadius:$u.addUnit(raduis, 'rpx')}" style="position: absolute;bottom: 0;left: 0; width: 94%;" @click="click">{{title}}</view>
</template>

<script>
	export default{
		props:{
			title:String,
			color:{
				type:String,
				default:'#FFFFFF'
			},
			background:{
				type:String,
				default:'#02BC6B'
			},
			margin:{
				type:String,
				default:'100rpx 22rpx 10rpx'
			},
			height:{
				type:Number,
				default:88
			},
			raduis:{
				type:Number,
				default:44
			},
			border:{
				type:Boolean,
				default:false
			}
			
		},
		methods:{
			click(){
				this.$emit('click')
			}
		}
	}
</script>

<style>
	.bor{
		border: 1rpx solid #BABABA;
	}
</style>